<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <title>开始测试-首次时</title>
</head>
<body class="bg_fff">
    <!--公共头部-->
    <div class="com_header">
        <div class="logo">
            <svg width="179" height="60">
                <image xlink:href="images/logo_pagtitle.svg" src="images/logo_pagtitle.png" width="179" height="60" />
            </svg>
        </div>
        <div class="right">
            <div class="zs">
                <p>测评状态：<span>未完成</span></p>
                <p>开始时间：<i>2018年04月20日 16:00</i></p>
            </div>
            <a href="" class="btn">退出</a>
        </div>
    </div>
    <div class="w12">
        <div class="main3">
            <div class="title">
                <a href="">心理测验</a> <span> > 被测评人个人信息</span>
            </div>
            <div class="name">
                <h3>被测评人个人信息 <span>PROFILE</span></h3>
                <p>下面您需要提供的个人信息将仅用于本次心理测评，我们将严格遵守保密原则。为了您在本页提交的信息安全和确保隐私，这些信息将与您的账户信息（如：电话、使用码等）隔离使用。</p>
            </div>
            <div class="cs_tip">
                <img src="images/deng.jpg" alt=""/>
                <p>本测验由许多与您相关的问题组成。当您阅读每一项题目时，请考虑是否符合您个人的真实情况与想法，并凭第一印象做出选择，不必在答案选择上花费过多时间思考，答案无所谓对错，也没有好坏之分，请不必有任何顾虑。</p>
            </div>
            <div class="cs_form">
                <form action="">
                    <ul>
                        <li>
                            <div class="line">
                                <span>姓名</span>
                                <p><input type="text"/></p>
                            </div>
                        </li>
                        <li>
                            <div class="line line1">
                                <span>性别</span>
                                <p>
                                    <select >
                                        <option value="volvo">男</option>
                                        <option value="saab">女</option>
                                    </select>
                                </p>
                            </div>
                            <div class="line line2">
                                <span>年龄</span>
                                <p><input type="text"/></p>
                            </div>
                        </li>
                        <li>
                            <div class="line">
                                <span>部门</span>
                                <p><input type="text"/></p>
                            </div>
                        </li>
                        <li>
                            <div class="line line3">
                                <span>职位/职务</span>
                                <p><input type="text"/></p>
                            </div>
                        </li>
                    </ul>
                </form>
                <a href="">确定</a>
            </div>

        </div>
    </div>
    <!--公共底部-->
    <div class="h70"></div>
    <div class="com_footer">
        <div class="w12">
            <p class="p1">成都渡仁心理咨询有限公司</p>
            <p class="p2">技术支持：奇点闪耀</p>
        </div>
    </div>
    <script src="js/comm.js"> </script>
</body>
</html>
